@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tfoot, 
thead { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; font-family:"微软雅黑";
}
 ol, ul,li {
  list-style: none; padding:0px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

h2,h3,h4,h5,p,ul,li{ margin:0px; font-weight:normal}

a {text-decoration:none; color:#333; border: none;} 
a:linked{ text-decoration:none; color:#333;border: none;} 
a:visited{ text-decoration:none; color:#333;border: none;}
a:hover{ text-decoration:none; color:#333;border: none;}   

a.red_underline:link{ color:#ee2e30; text-decoration:underline}
a.red_underline:visited{ color:#ee2e30; text-decoration:underline}
a.red_underline:hover{ color:#c90227; text-decoration:underline}

a.orange_underline:link{ color:#f37938; text-decoration:underline}
a.orange_underline:visited{ color:#f37938; text-decoration:underline}
a.orange_underline:hover{ color:#ff3600; text-decoration:underline}

a.grey{ color:#737373}
a.grey:hover{ color:#8f8d8d}
 

img{ border:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;} 
.cle{ clear:both} 
 
 ::selection { background: #c4c7c8; color: #fff; } 
 ::-moz-selection { background:#c4c7c8; color:#fff; } 
 ::-webkit-selection { background:#c4c7c8; color:#fff; }

.l{ float:left}
.r{ float:right} 

body{ background:#f1f1f1; padding:0px; margin:0px;  font-family:"微软雅黑";font-size:14px; color:#5d646f;}
.content{}
.page{ width:100%; position:relative; background:#f1f1f1;word-wrap:break-word;word-break:normal;}
.warp{ width:93.75%; margin:0px auto;  font-family:"微软雅黑";   }
 

/*注册登录*/
#regist{  width:85%; margin:0px auto; padding:25px 0 20px 0;}
#regist li{ height:54px;}
#regist li.special{ height:40px; margin-bottom:14px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;  }
#regist li.s1{ height:12px; font-size:12px; line-height:12px; margin-bottom:10px;}
#regist li.s1 img{ height:12px; width:12px; margin-right:3px;  float:left}/*输入框*/
input.text{ font-family:"微软雅黑"; color:#ccc; font-size:14px; line-height:18px; height:18px;padding:10px 2%; background:url(/static/images/customer/inputtext-bg.jpg)center left repeat-x #fff; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #fff;} 
input.text-active{ border:1px solid #F00}
.text-active{ border:1px solid #F00}
textarea.textarea-ts{ width:96%; padding:10px 2%; height:90px; background:#fff; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:0; color:#cccccc; font-family:"微软雅黑"; margin:10px 0 15px 0; font-size:12px; line-height:18px;}
.input-text{ font-family:"微软雅黑"; color:#ccc; font-size:14px; line-height:40px; height:40px;padding:0 2%; background:#fff; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:0;}
.input-text img{ width:15px; height:20px; margin-top:10px;}
/*--------------------------通用样式-----------------------------------*/
/*按钮*/
.button{text-align:center; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; height:40px; line-height:40px; color:#fff; font-size:16px; cursor:pointer }
/*黄色按钮*/
.b-yellow{background:#ff7300;}
.b-yellow:hover{background:#e76800; border:none}
/*红色按钮*/
.b-red{background:#ee2e30}
.b-red:hover{ background:#b90030; border:none}
/*蓝色按钮*/
.b-blue{background:#2a9fe4}
.b-blue:hover{ background:#005ad4; border:none}
/*灰色按钮*/
.b-grey{ background:#c9c9c9}
.b-grey:hover{background:#c9c9c9; border:none}
/*字体*/
.font-red{ color:#ee2e30}
.font-blue{ color:#4aa6e6}
.font-green{ color:#57a568}
.font-yellow{ color:#fdb300}
.font-grey{ color:#999}
.text-c{ text-align:center}
.text-l{ text-align: left}
.text-r{ text-align: right} 
/*验证 */
.hglist2{ width:92%; margin:15px auto; border-bottom:1px dotted #b8b7b5}
.hglist2 .hglist2-goodsbox{width:31%; padding-bottom:8px;}
.hglist2 .hglist2-imgbox{ height:auto  }
.hglist2 .hglist2-imgbox img{ width:100%;  border:1px solid #e0e0de;}
.hglist2 .hglist2-goodsbox p{ font-size:12px; margin:0px; padding:0px; color:#666; line-height:18px;  overflow:hidden; width:100%;white-space:nowrap; text-overflow:ellipsis;}
.hglist2 .hglist2-goodsbox p a:link{color:#666;}
.hglist2 .hglist2-goodsbox p a:visited{color:#666;}
.hglist2 .hglist2-goodsbox p a:hover{color:#666;}
.hglist2 .hglist2-goodsbox p span{ color:#ee2e30; margin-top:8px;}
.listinfo{ width:92%; margin:0px auto; margin-top:10px; margin-bottom:40px;font-size:14px; color:#999}
.listinfo .font-red1:link{ color:#ee2e30}
.listinfo .font-red1:visited{color:#d7090b}
.listinfo .font-red1:hover{color:#d7090b}
/*底部*/
#footer{ height:89px; background:#fff; width:100%; }
#footer #landing { height:29px; border-bottom:1px solid #dcdcdc; line-height:29px; margin-bottom:14px; color:#595959}
#footer #landing a{color:#595959}
#footer #landing a:hover{color:#6c6969}
.footer-web{position:fixed; bottom:0px;}
#backtop{ background:url(/static/images/customer/backtop.png) right center no-repeat; background-size:10px 16px; padding-right:13px; cursor:pointer}
#copyright{ font-size:12px; text-align:center; color:#5f646e; line-height:16px;}
/*顶部*/
#top{ height:44px; line-height:44px; color:#fff; background:#ff7300; width:100%; }
#top h2{ font-size:20px;text-align:center; margin-top:-44px; }
#top #back{ background:url(/static/images/customer/back.png) center left no-repeat;  background-size:9px 14px; padding-left:14px; margin-left:17px; }
#top #back:link{ color:#fff}
#top #back:visited{ color:#fff}
#top #back:hover{ color:#fff}
.top_right{ height:44px; line-height:44px; text-align:right; float:right;}
.top_right a{  color:#fff;  }
/*页面中部提示*/
.empty{ text-align:center; padding-top:70px;  }
.empty .ts{ text-align:left; width:75%; margin:0px auto; line-height:24px; font-size:15px; color:#999 }
.empty img{ width:100px;  margin:0px auto 70px auto; display:block}
.empty h3{ font-style:normal; color:#999; margin-top:27px; margin-bottom:15px;}
/*提示框*/
.growlUI{ background:#000; width:70%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:13px 0; line-height:20px;background:rgba(0, 0, 0, 0.8)  !important;/*实现FF背景透明，文字不透明*/   color:#fff; position: fixed;z-index:9999;cursor:pointer; position: fixed}
.overlay{display:none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);height: 100%;left: 0;position: absolute;top: 0; width: 100%;z-index:1000}/*遮罩层*/
.overlay-white{display:none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01);height: 100%;left: 0;position: absolute;top: 0; width: 100%;z-index:10000}/*遮罩层*/
.growlUI p{ width:85%; display:block; margin:0px auto; }
.growlUI .growUI-button{ width:85%;  margin:0px auto; margin:10px auto}
/*个人中心*/
#my-empty{ }
  ul.my{ background:#fff;}
  ul.mylist{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
  ul.my li{ width:93.75%; margin:0px auto; height:43px; border-bottom:1px solid #d2d2d2; line-height:43px; color:#3d4245}
  ul.my li span{ color:#737373}
  ul.my li.no-border{ border-bottom:0px;}
/*我的生活汇*/
#my{ height:120px; background:url(/static/images/customer/home_bg.jpg) top center no-repeat; background-size:cover; position:relative}
#my img#userpic{ color:#fff; height:72px; width:72px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px; float:left; margin-top:25px; margin-left:10%;   }
#my #userinfo{color:#fff; float:left;margin-top:25px; margin-left:18px; font-size:15px; line-height:15px;  }
#my #userinfo li{ margin-bottom:12px;}
#my #userinfo img{ height:15px; width:15px; margin-left:10px;  }
#my-static{}
#my-static #mycfz{ height:2px; }
#my-static #mycfz span{ font-size:12px;}
#my-static #mysj{ height:44px; background:#fff; margin-bottom:10px;}
#my-static #mysj li{ height:36px; float:left; width:33%; text-align:center; font-size:12px; padding-top:8px; cursor:pointer}
#my-static #mysj li.limiddle{ border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}

#frist{ width:100%;height:500px; overflow:hidden; position:relative}
/*我的生活汇-消费记录*/
.mycfz-xf{ background:#fff;color:#999;font-size:12px; color:#5d646f}
.mycfz-xf li{font-size:14px;}
.mycfz-xf .xflist{ border-bottom:1px solid #dcdcdc; margin:0px; padding:10px 3px; line-height:18px;}
.mycfz-xf .xflist-no-border{ border-bottom:0px;}
  .p-name{ height:18px; overflow:hidden;display:block; *width:100%;white-space:nowrap; text-overflow:ellipsis;}
/*首页-我的生活汇-导航*/
#cfz-nav{ height:40px; background:#fff; color:#4d4d4d; font-size:16px; float:left; text-align:center; width:100%;  } 
#cfz-nav .two{ font-size:16px; float:left; text-align:center;width:50%; border-bottom:2px solid #ccc; height:38px; line-height:38px; cursor:pointer;  } 
#cfz-nav .two-active{border-bottom:2px solid #ff7300; height:38px; line-height:38px; color:#e54803; font-size:16px; float:left; text-align:center;width:50%;height:38px; line-height:38px; cursor:pointer;  }
#cfz-nav .two .selecter{margin-left:10px; height:15px; width:15px; background:url(/static/images/customer/jiantou02.png) center left no-repeat; background-size:8px 4px;   }
#cfz-nav .two-active .selecter{ margin-left:10px;  background: url(/static/images/customer/jiantou03.png) center left no-repeat; background-size:8px 4px;   }

#cfz-nav .three{ font-size:16px; float:left; text-align:center;width:33.3333333333%; border-bottom:1px solid #ccc; height:38px; line-height:38px; cursor:pointer; } 
#cfz-nav .three-active{ font-size:16px; float:left; text-align:center;width:33.3333333333%; cursor:pointer; border-bottom:2px solid #ed1b24; height:38px; line-height:38px; color:#ed1b24 }
#cfz-nav .three .selecter{ margin-left:10px; height:15px; width:15px; background:url(/static/images/customer/jiantouabc.png) center left no-repeat; background-size:8px 4px;   }
#cfz-nav .three-active .selecter{ margin-left:10px;  background: url(/static/images/customer/jiantou03.png) center left no-repeat; background-size:8px 4px;   }

#cfz-nav .cfz-nav-active{border-bottom:2px solid #ed1b24; height:38px; line-height:38px; color:#ed1b24} 
/*二级导航*/
.navlist{ background:#fff; color:#5d5d5d; width:100%; font-size:14px; position: absolute;z-index:10005; overflow-y:scroll}
.navlist li{ height:37px; border-bottom:1px solid #ccc; line-height:37px; text-align:left; padding-left:6%; cursor:pointer}
/*三级导航*/
#arealist{ width:50%; background:#f1f1f1; right:0px; position:absolute ;z-index:10005; overflow-y:scroll}
#arealist li{ height:30px; line-height:30px; text-align:center; color:#5e5e5e}


/*列表*/
#cfz-list{background:#f1f1f1; margin-top:50px;}
#cfz-list .cfz-list-cont{ width:100%; background:#fff; border-top:1px solid #dcdcdc; padding-top:10px; height:176px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-top:10px;}
.cfz-list-cont .affair-info{ background: url(/static/images/customer/cfz-red.png) center left no-repeat; background-size:31px 30px; height:31px;padding-left:40px;  }
.cfz-list-cont .style1{ font-size:14px; color:#333; margin-bottom:3px; line-height:14px}
.cfz-list-cont .style2{ font-size:12px; color:#999; line-height:12px;}
.cfz-list-cont .style3{ font-size:18px; color:#666; font-weight: bold; line-height:18px; margin-top:10px; margin-bottom:8px; }
.cfz-list-cont .style3 a{color:#666;}
.cfz-list-cont .style3 a:hover{color:#ed1b24;}
.cfz-list-cont .style4{ background:url(/static/images/customer/cfz-yellow.png) center left no-repeat; background-size:14px; line-height:20px; padding-left:20px; color:#666;}
.cfz-list-cont .style4 span{ color:#ed1c24; margin-left:5px}
.cfz-list-cont .style5{ font-size:12px; color:#666; float:left; } 
.cfz-list-cont .cfz-info{ height:67px;}
.affair-cfz{ width:67%; float:left}
.affair-go{ width:30%; float:right;margin-top:5px;} 
.affair-join{ height:40px; border-top:1px solid #dcdcdc; line-height:40px;}
.affair-join .star{ float:right; height:23px; width:25px; background:url(/static/images/customer/start.png) center left no-repeat; background-size:25px 23px; text-indent:-999em;   margin-top:8px;}
.affair-join .star-active{float:right; height:23px; width:25px; background:url(/static/images/customer/start-active.png) center left no-repeat; background-size:25px 23px; text-indent:-999em;   margin-top:8px;}
.affair-join .star:hover{ background-size:25px 23px; }
.scroll{ height:40px; overflow:hidden;width:88%; border-right:1px solid #dcdcdc; float:left}
.list{ height:20px; line-height:20px; overflow:hidden; display:block; margin-top:10px }
.affair-cfz ul{height:20px; line-height:20px; overflow:hidden; margin-top:15px}  
/*翻页*/
#page{ text-align:center; height:45px; background:#f1f1f1; line-height:45px; color:#666}
#page span{ margin:0px 20px;}
#page a{ color:#999}
#page a:hover{ color:#666}
/*送餐样式*/
 .cart-confirm {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background-color: #484d54;
color: #fff;
z-index: 9999;
line-height: 50px;
text-align: center;
display: -moz-box;
display: -webkit-box;
display: box;
}
.submit-info {
	-moz-box-flex: 8;
	-webkit-box-flex: 8;
	box-flex: 8;
}

.submit-btn {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
display: block;
width: 110px;
height: 50px;
background-color: #ff2700;
color: #fff;
font-size: 16px;
}

.usernote {
width: 94%;
font-family: "微软雅黑";
font-size: 14px;
line-height: 22px;
background: #fff;
border: 0;
color: #bbb7b7;
padding: 5px 3%;
height: 86px;
}

.dcdz{
color: #fff;
height:80px;
	}

.dcdz_name{
	color: #fff;

	line-height:20px;
	}

/******菜单*****/
#shopmenu-category {
position: fixed;
top: 44px;
left: 0;
width: 25%;
bottom: 0;
padding-bottom: 70px;
background: #ebedf0;
overflow-y: auto;
}
#shopmenu-category .list-group {
padding: 0;
top: 0;
left: 0;
width: 100%;
border: 0;
background: #ebedf0;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
}
#shopmenu-category .list-group li.active {
border-left: 3px solid #ff2700;
background-color: #fff;
}
#shopmenu-category .list-group li {
background: #ebedf0;
text-align: center;
padding: 0;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
}
#shopmenu-category .list-group a {
display: block;
height: 45px;
overflow: hidden;
line-height:45px;
}
#shopmenu-category .list-group li.active a {
color: #ff2e4b;
}

#shopmenu-list {
position: absolute;
top: 44px;
left: 25%;
width: 75%;
padding-bottom: 50px;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
background: #fff;
overflow-y: auto;
}
#shopmenu-list .listgroup li {
position: relative;
padding: 0 0 0 10px;
}
#shopmenu-list .listgroup .wrap {
border-bottom: 1px solid #eee;
padding: 10px 0;
}
#shopmenu-list .listgroup .list-content .title {
color: #4d4d4d;
font-size: 16px;
font-weight: 400;
}
#shopmenu-list .listgroup .list-content .description {
color: #999;
font-size: 12px;
margin: 3px 0;
}
#shopmenu-list .listgroup .list-content .price {
color: #ff2e4b;
font-size: 15px;
font-weight: 700;
}


.btn {
background-color: transparent;
position: absolute;
right: 0px;
top: 28%;
cursor: pointer;
padding: 3px;
height: 38px;

}

 .btn button {
width: 40px;
height: 40px;
border:0;
background-color: transparent;
padding: 0;
}
.btn button.minus {
display: none;
margin-right: -10px;
}
.btn i {
display: none;
width: 22px;
text-align: center;
font-style: normal;
vertical-align: top;
margin-top: 8px;
line-height: 18px;
}
.btn button.add {
margin-left: -10px;
}
.btn button.minus {
display: none;
margin-right: -10px;
}

.btn button.add strong {
background:url(/static/images/customer/btnadd.png) no-repeat;
background-size: 22px 22px;
}
.btn button.minus strong {
background: url(/static/images/customer/btnminus.png) no-repeat;
background-size: 22px 22px;
}
.btn button strong {
padding: 5px 10px;
font-size: 15px;
display: inline-block;
text-indent: -100px;
padding: 5px 11px;
height: 12px;
}

.shopmenu_img{ float:left; padding-right:10px;}
.shopmenu_img img {
height: 60px;
width: 80px;

left: -90px;
top: -25px;
border-radius: 3px;
cursor: pointer;
}
 .row-num {
position: absolute;
top: -8px;
left: 6px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #3f4349;
}
.icon-cart{
	background:url(/static/images/customer/shopcar.png) no-repeat 0 0;
	margin:5px 0 0 7px;
	width:36px;
	height:36px;
	background-size:36px 36px;
	font-size:36px;

	display: block;
}
.row-num .cart-count {
position: absolute;
font-style: normal;
width: 20px;
height: 20px;
top: -5px;
right: -5px;
background: #ff2700;
border-radius: 20px;
font-size: 14px;
text-align: center;
line-height: 20px;
}
 .shopmenu-cart-list {
width: 100%;
position: fixed;
bottom: 50px;
left: 0;
z-index: 999;
}
#shopmenu-cart .shopmenu-cart-list .list-group {
background: #f8f8f8;
padding: 0 15px;
}
#shopmenu-cart .shopmenu-cart-list .list-group li {
height: 60px;
line-height: 60px;
border-bottom: 1px solid #e1e3e6;
}
#shopmenu-cart .shopmenu-cart-list .cl-item {
display: table;
width: 100%;
min-height: 34px;
}
#shopmenu-cart .shopmenu-cart-list .cl-item .cl-r1 {
color: #404142;
font-size: 14px;
max-width: 8em;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
#shopmenu-cart .shopmenu-cart-list .cl-item div {
display: table-cell;
text-align: center;
}
#shopmenu-cart .shopmenu-cart-list .cl-item div {
display: table-cell;
text-align: center;
}


.shop-msg span{
	color: #999;
font-size: 12px;
margin: 3px 0;}

 .shop-msg span:after {
content: "";
display: inline-block;
height: 10px;
width: 1px;
background-color: #999;
margin: 0 4px 0 6px;
vertical-align: -1px;
}
.shop-msg span:last-child:after {
width: 0;
}


/*******筛选条件样式********/

.body .condition{
  width: 100%;
  color: #525252;
  font-size: 14px;
  font-weight: 700;
  background:#e7e7e7;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
}
.condition ul.select{
  list-style: none;
  overflow: auto;
}
.condition ul.select li span.arrow-down{
  position: absolute;
  margin-top: 18px;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #747474;
}
.condition ul.select li span.arrow-up{
  position: absolute;
  margin-top: 18px;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ed7249;
}
.condition ul.select li:first-child{
  border-left: none;
}
.condition ul.select li.active{
  color: #ed7249;
  border-bottom: 2px solid #ed7249;
}

.condition .select-list{
  display: none;
  font-size: 14px;
  background: #fafafa;
  width: 100%;
  overflow: auto;
}
.condition .select-list li{
  list-style: none;
  height: 40px;
  border-bottom:1px solid #dedede;
  line-height: 40px;
  text-align: left;
  color: #515151;
  padding-left: 10px;
}
/*删选条件结束*/

/*列表开始*/
.list{
  width: 100%;
  background: #fafafa;
  overflow: auto;
  margin-bottom: 10px;
}
.list .no_msg{
  margin-left: 10px;
  padding: 5px 0;
}
.list .list-item{
  position: relative;
  height: 90px;
  padding: 5px 0 5px 10px ;
  border-bottom: 1px solid #dedede;
}

/*列表结束*/

/*小区-箭头*/
.arrow{
  position: absolute;
  top: 23px;
  left: 46%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #0066cc;
  z-index: 999;
}




